<template>
  <div class="body">
     <side-bar></side-bar>
     <Header></Header>
     <!-- <h1>这是欢迎介绍平台页面，待开发...</h1>
     <h2>其他页面剩余功能及美化，待开发...</h2> -->
     <!-- <div class="bg">
       <img src=".././assets/bg.png">
     </div> -->
     
    <div id="header">
        <div class="title ">
            <div class="title1">区块链存证服务</div>
            <div class="title2">
                <ul>
                    <li>安全可靠</li>
                    <li>合法可信</li>
                    <li>不可篡改</li>
                    <li>一键举证</li>
                </ul>
            </div>
        
        </div>
        <div class="intro">
            <p>通过区块链技术，将电子合同、电子签名，实名认证、时间戳计划、交易记录、资金记录 等文件加密存储，
                实时固化电子数据的内容、权属信息及存证时间，生成唯一的数据指纹，赋予电子数据法律证明效力。</p>
            <div class="Applicable-scene">
                <ul>
                    <li>适用场景:</li>
                    <li><img src=".././assets/勾.png">个人重要信息文件常规存证</li>
                    <li><img src=".././assets/勾.png">企业级业务数据大批量存证</li>
                    <li><img src=".././assets/勾.png">消费金融、网络借贷、电子商务、供应链、知识产权等行业</li>
                    <li><img src=".././assets/勾.png">对接仲裁平台，一键举证，在线校验，快速解决争议纠纷</li>
                   
                    
                </ul>
    
            </div>
        </div>
    </div>
  </div>
</template>

<script>
import SideBar from '.././components/common/SideBar'
import Header from '.././components/content/Header'
export default{
 
  name: 'Home',
  components: {
   SideBar,
   Header
  },
  methods: {
      
    }
}

</script>

<style scoped>
#header .intro ul {
    margin: 0;
    padding: 0;
}
#header .intro ul li {

    list-style: none;
    margin-top: 10px;
}
#header .intro ul li img {
    width: 14px;
    height: 14px;
}

#header {
    /* margin-top: 50px;
    margin-left: 50px; */
  /* color:#fff;  */
  position:absolute;
  top:80px;
  left:400px;
  padding-top:40px;
  padding-left:40px;
  padding-bottom:200px;
  /* background:url(.././assets/bgpicture.jpg) */
  /* background-color:#fff; */
  /* width:700px; */
  
}
.title {

    height: 50px;
    
}
.title .title1  {
    float: left;
    font-size: 30px;
    margin-right: 30px;
    
}
.title .title2 ul li{
    
    display: inline-block;
    font-size: 12px;
    list-style: none;
    border: 1px solid #FF8C00;
    color: #FF8C00;
    margin: 13px 10px;
} 
.bg{
  position:absolute;;
  top:4rem;
  left:21rem;
  z-index:-9
 
}
.bg img{
  width:1435px;
}
.body{
  
}


</style>
